<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fake Google</title>
    <style>
        body{
            margin: 0px;
            padding: 0px;
            background-color: white;
        }

        #content{
            display: block;
            margin: auto;
            padding-top: 10%;
            width: 100%;
        }
        img{
            display: block;
            margin: auto;
        }

        #search{
            width: 50%;
            background: white;
            margin: auto;
            margin-top: 30px;
            height: 50px;
            border:1px solid #dfe1e5;
            border-radius: 24px;
            overflow: hidden;
        }
        

        input{
            float: left;
            margin: auto;
            padding: 0px;
            padding-left: 10px;
            height: 50px;
            width: 80%;
            border: 0px;
            outline: none;
        }

        #searchicon{
            display: block;
            float: left;
            width: 8%;
            height: 50px;
        }

        
        #searchicon svg{
            margin: auto;
            margin-top: 10px;
            margin-left: 10px;
        }

        #voiceicon{
            display: block;
            float: right;
            width: 8%;
            height: 50px;
        }

        
        #voiceicon svg{
            margin: auto;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div id="content">
        <img src="logo.png">
        <div id="search">
            <span id="searchicon">
                <svg t="1615302265626" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1194" width="30" height="30"><path d="M756.4288 422.528c-1.18272 117.0432-63.1296 223.03232-164.28032 281.85088-102.07744 59.36128-230.85056 53.76-330.67008-6.89152-99.93216-60.71808-155.89888-173.9008-152.39168-289.36704 3.52768-116.09088 74.624-220.17536 175.872-273.90976 99.96288-53.05344 223.24224-44.70784 318.79168 13.34784 95.3088 57.91744 151.55712 164.5568 152.6784 274.9696 0.3328 32.9984 51.5328 33.02912 51.2 0-1.17248-115.58912-53.70368-224.90624-145.17248-296.07936-92.60544-72.064-214.03648-95.29344-327.31136-66.1504-109.52192 28.17536-201.78944 110.19264-246.59456 213.2992C41.71776 381.3632 49.67936 505.6 106.5472 607.8976c82.49344 148.40832 261.10976 218.63936 423.53664 176.84992 163.21536-41.98912 275.86048-195.9424 277.54496-362.22464 0.33792-33.024-50.86208-32.99328-51.2 0.00512z" p-id="1195"></path><path d="M659.2768 700.3904l289.28512 273.80224c23.95648 22.6816 60.22656-13.4656 36.1984-36.1984l-289.28512-273.80224c-23.95648-22.6816-60.22656 13.46048-36.1984 36.1984z" p-id="1196"></path></svg>
            </span>
            <input type="text" value="罗舜华小学生">
            <span id="voiceicon">
                <svg t="1615302343295" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" width="30" height="30"><path d="M558.178739 67.423599l-92.358501 0c-68.978001 0-125.120672 56.142671-125.120672 125.120672L340.699566 492.213351c0 68.978001 56.142671 125.120672 125.120672 125.120672l92.358501 0c68.978001 0 125.120672-56.142671 125.120672-125.120672L683.299411 192.544271C683.299411 123.56627 627.15674 67.423599 558.178739 67.423599zM619.028619 492.213351c0 33.54807-27.302833 60.84988-60.84988 60.84988l-92.358501 0c-33.54807 0-60.84988-27.302833-60.84988-60.84988L404.970358 192.544271c0-33.54807 27.302833-60.84988 60.84988-60.84988l92.358501 0c33.54807 0 60.84988 27.302833 60.84988 60.84988L619.028619 492.213351z" p-id="1976"></path><path d="M369.947703 686.123736c-84.072791-50.525744-134.284379-139.149177-134.284379-237.092883 0-17.762549-14.373359-32.134885-32.135908-32.134885-17.762549 0-32.134885 14.373359-32.134885 32.134885 0 118.907157 63.391772 230.879368 165.478845 292.199968 5.177929 3.106758 10.858302 4.581342 16.506952 4.581342 10.920724 0 21.560038-5.554506 27.585265-15.597233C390.095579 715.02702 385.16836 695.287443 369.947703 686.123736z" p-id="1977"></path><path d="M820.47156 416.895969c-17.762549 0-32.135908 14.373359-32.135908 32.134885 0 152.361083-123.960243 276.320303-276.352025 276.320303-17.762549 0-32.135908 14.373359-32.135908 32.135908l0 166.95343c0 17.762549 14.373359 32.134885 32.135908 32.134885 17.762549 0 32.135908-14.373359 32.135908-32.134885L544.119535 788.096199c172.806741-16.247033 308.48691-162.110121 308.48691-339.065346C852.606445 431.269327 838.234109 416.895969 820.47156 416.895969z" p-id="1978"></path><path d="M364.986715 720.27965" p-id="1979"></path></svg>
            </span>
        </div>

    </div>
</body>
</html>